import Cube from '../../../cssAnimation/Cube/Cube.jsx'

const Demo = () => {
	return <div className="note-example-box">
		<div className="note-example-intro">正方体展示</div>
		<div className="aninote-example-box">
			<Cube x={120} y={80} z={60}></Cube>
		</div>
		<div className="note-code-case">
			<textarea defaultValue={codeVal1} style={{height: '350px'}}></textarea>
		</div>
	</div>;
}

const codeVal1 = `主组件
import Cube from '../../../cssAnimation/cube/Cube.jsx'

const Demo = () => {
	return <div className="note-example-box">
		<div className="note-example-intro">正方体展示</div>
		<div className="aninote-example-box">
			<Cube x={120} y={80} z={60}></Cube>
		</div>
		<div className="note-code-case">
			<textarea defaultValue={codeVal1} style={{height: '480px'}}></textarea>
			<textarea defaultValue={codeVal2} style={{height: '300px'}}></textarea>
		</div>
	</div>;
}`;

export default Demo
